.national_content {
  background:linear-gradient(180deg,rgba(255, 244, 208, 1) 0%,rgba(255, 244, 208, 1) 60%,rgba(236, 189, 156, 1) 100%);
}
.national_top {
  background: url($imgPath + '/activity/national_day/1.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(1137);
}
.prd_1 {
  background: url($imgPath + '/activity/national_day/2.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(437);
}
.prd_2 {
  background: url($imgPath + '/activity/national_day/3.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(437);
}
.prd_3 {
  background: url($imgPath + '/activity/national_day/4.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(437);
}
.prd_4 {
  background: url($imgPath + '/activity/national_day/5.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(437);
}
.prd_5 {
  background: url($imgPath + '/activity/national_day/6.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(437);
}
.national_two {
  background: url($imgPath + '/activity/national_day/7.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(437);
}
.prd_6 {
  background: url($imgPath + '/activity/national_day/8.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(437);
}
.prd_7 {
  background: url($imgPath + '/activity/national_day/9.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(437);
}
.prd_8 {
  background: url($imgPath + '/activity/national_day/10.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(435);
}
.prd_9 {
  background: url($imgPath + '/activity/national_day/11.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(435);
}
.prd_10 {
  background: url($imgPath + '/activity/national_day/12.png') no-repeat top center;
  background-size: 100% 100%;
  height: rem(629);
}
